<template>
  <el-dialog :visible="visible" width="95%" :title="title" append-to-body top="30px" class="resume-dialog-wrap" custom-class="resume-dialog" @close="handleClose">
    <m-resume :resumeData="resumeData"></m-resume>
  </el-dialog>
</template>

<script>
import ResumeDetail from './index'
import {Dialog} from 'element-ui'
  export default {
    components: {
      [Dialog.name]: Dialog,
      "m-resume":  ResumeDetail
    },
    props: ['visible', 'resumeId'],
    data () {
      return {
        title: '简历详情-',
        resumeData: {},
        screenHeight: 0
      }
    },
    mounted() {
      this.screenHeight = document.body.clientHeight - 80
      document.getElementsByClassName('resume-dialog')[0].style.height = this.screenHeight + 'px'
    },
    methods: {
      handleClose(){
        this.$emit('update:visible', false)
      }
    }
  }
</script>

<style lang="scss">
  .resume-dialog .el-dialog__body{
    height: 100%;
  }
  .el-dialog__wrapper.resume-dialog-wrap{
    overflow-y:hidden;
  }
</style>
